<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
	"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
	<head>
		<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
		<title>XHTML, CSS & Javascript - the full story</title>
		<?=__CSSLIBS() ?>
		<link rel="stylesheet" href="<?=$theme->path?>/css/main.css" type="text/css" media="screen" title="default theme" charset="utf-8" />
		<link rel="shortcut icon" href="images/gfavicon.ico" />

		<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
		<script src="js/prototype.js" type="text/javascript"></script>
		<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
		<script src="js/lightbox.js" type="text/javascript"></script>
	</head>
	<body onload="sh_highlightDocument();">
		<form action="index.php">
		<div id="page">
			<div id="header">
				<h1>XHTML, CSS & Javascript</h1>
			</div>
			<div id="menu">
				<ul class="items">
					<li><span><a class="selected" href="?/" title="go to home" accesskey="h"><u>H</u>ome</a></span></li>
					<li><span><a href="?/news/" title="go to news" accesskey="n"><u>N</u>ews</a></span></li>
					<li><span><a href="?/videogames/" title="go to videogames " accesskey="v"><u>V</u>ideogames</a></span></li>
					<li><span><a href="?/movies/" title="go to movies" accesskey="m"><u>M</u>ovies</a></span></li>
					<li><span><a href="?/coding/" title="go to Coding" accesskey="c"><u>C</u>oding</a></span></li>
					<li><span><a href="?/blog/" title="go to Blog" accesskey="b"><u>B</u>log</a></span></li>
				</ul>
				<ul class="actions">
					<li><span>Themes<?= Themes::getInstance()->themeSelector()?></span></li>
					<li><span><a href="?/admin/register" title="Register" accesskey="r"><u>R</u>egister</a></span></li>
					<li><span><a href="?/admin/login" title="Login" accesskey="l"><u>L</u>ogin</a></span></li>
				</ul>
			</div>
			<div id="newsbar">
				<dl>
					<dd><a href="?/news/coding/" title="show more coding articles" accesskey="c">Coding</a> &gt;&gt; <a href="?/news/coding/ruby-on-rails-2-3" title="read full story of Ruby On Rails 2.3" accesskey="1">Ruby On Rails 2.3</a></dd>
					<dt>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque a nulla dui. Morbi convallis lobortis arcu, in fringilla purus laoreet eu. <a href="http://www.rubyonrails.com/" title="visit official site of Ruby on Rails" accesskey="r">Ruby on rails 2.3</a> sed vestibulum felis vitae lorem porttitor placerat. Cras aliquet odio id lorem rhoncus consequat. Nunc lacinia molestie lectus ac tristique<a class="readmore" href="#n1" title="read full story of news 1" accesskey="1">...</a><ul class="tags"><li><span><a  href="?/tag/web" title="show more article with tag web" accesskey="w">web</a></span></li><li><span><a  href="?/tag/code" title="show more article with tag code" accesskey="p">code</a></span></li><li><span><a  href="?/tag/RoR" title="show more article with tag RoR" accesskey="w">RoR</a></span></li></ul></dt>
					
					<dd><a href="?/news/videogames/" title="show more videogmaes articles" accesskey="v">Videogames</a> &gt;&gt; <a href="?/news/videogames/dragon-age-origine" title="read full story of Dragon Age" accesskey="2">Dragon Age: origine</a></dd>
					<div class="bloc left"><a class="illustration left ir" href="images/illustrations/games/x360_dragon-age-origine_cover_full.400.jpg" title="Show the Dragon age:origin Xbox 360 box cover" accesskey="d" rel="lightbox"><img src="images/illustrations/games/x360_dragon-age-origine_cover_small.jpg" alt="cover of Dragon age:Origine X360 game" title="Dragon Age: origin"/></a></div><dt class="illustration">Fusce ultrices purus vel odio facilisis bibendum. Sed tincidunt semper egestas. Vivamus tincidunt libero sit amet eros sagittis vulputate. Sed sit amet risus sem. Integer non lacus justo, vehicula imperdiet mauris<a class="readmore" href="#n2" title="read full story of Dragon Age" accesskey="2">...</a><ul class="tags"><li><span><a  href="?/tag/console" title="show more article with tag console" accesskey="g">console</a></span></li><li><span><a  href="?/tag/360" title="show more article with tag x360" accesskey="p">x360</a></span></li><li><span><a  href="?/tag/rpg" title="show more article with tag RPG" accesskey="w">RPG</a></span></li></ul></dt>

					<dd><a href="?/news/blog/" title="show more blog articles" accesskey="v">Blog</a> &gt;&gt; <a href="?/news/blog/infos" title="read full story about some news on blogs" accesskey="2">Infos</a></dd>
					<dt>Integer non lacus justo, vehicula imperdiet mauris. Donec ut leo id ante rhoncus bibendum. Aliquam erat volutpat. Quisque eu neque metus. Praesent dui tellus, fringilla at aliquam eget, lobortis tempus dolor<a class="readmore" href="#n2" title="read full story of Dragon Age" accesskey="2">...</a><ul class="tags"><li><span><a  href="?/tag/console" title="show more article with tag blog" accesskey="b">blog</a></span></li><li><span><a  href="?/tag/360" title="show more article with tag infos" accesskey="i">infos</a></span></li></ul></dt>
				</dl>
			</div>
			<div id="content">
				<div class="post">
					<h1 id="p1"><a href="?/post/firefox-vs-chrome" title="Show full story about Firefox vs. Chrome" accesskey="1">Firefox vs. Chrome</a></h1>
					<div class="bloc left"><a href="themes/default/images/captures/firefox.png" title="Show Firefox preview" class="illustration" rel="lightbox"><img src="themes/default/images/captures/firefox.resized.png" alt="illustration1" title="My Illustration 1"/></a><p class="legend">Firefox 3.5 displaying this small web theme</p></div>
					<div class="bloc right"><a href="themes/default/images/captures/chrome.png" title="Show Chrome preview" class="illustration" rel="lightbox"><img src="themes/default/images/captures/chrome.resized.png" alt="illustration1" title="My Illustration 1"/></a><p class="legend">Chrome 4.0.x displaying the same web theme</p></div>
					<p class="illustration-lr">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque a nulla dui. Morbi convallis lobortis arcu, in fringilla purus laoreet eu. Sed vestibulum felis vitae lorem porttitor placerat. Cras aliquet odio id lorem rhoncus consequat. Nunc lacinia molestie lectus ac tristique. Suspendisse auctor malesuada lectus non sollicitudin. Fusce ultrices purus vel odio facilisis bibendum. Sed tincidunt semper egestas. Vivamus tincidunt libero sit amet eros sagittis vulputate. Sed sit amet risus sem. Integer non lacus justo, vehicula imperdiet mauris. Donec ut leo id ante rhoncus bibendum. Aliquam erat volutpat. Quisque eu neque metus. Praesent dui tellus, fringilla at aliquam eget, lobortis tempus dolor. Nullam pellentesque lorem ac eros vulputate a varius justo pulvinar. Vestibulum eget elit non tellus cursus aliquam nec at ligula...</p>
					<div class="clearr"></div>
					<p class="info">&lt; <a class="icon author" href="?/posts/author=1" title="show more article(s) from this author" accesskey="a">McGivrer</a> | <a class="icon date" href="?/posts/date=20091207" title="show more article(s) published on this date" accesskey="d">07/12/2009</a> | <a class="tag" href="?/tag/web" title="show more article with tag web" accesskey="w">web</a><a class="tag" href="?/tag/2.0" title="show more article with tag 2.0" accesskey="2">2.0</a> /&gt;</p>
				</div>
			
				<div class="post">
					<h1 id="p1"><a href="?/post/article-with-illustration" title="Show full story about Article with illustration" accesskey="2">Article with illustration</a></h1>
					<div class="bloc right"><a href="#illustration1" title="Show illustration 1" class="illustration right" rel="lightbox"><img src="images/illustrations/divers/agt_web.png" alt="illustration1" title="My Illustration 1"/></a></div>
					<p class="illustration-r">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque a nulla dui. Morbi convallis lobortis arcu, in fringilla purus laoreet eu. Sed vestibulum felis vitae lorem porttitor placerat. Cras aliquet odio id lorem rhoncus consequat. Nunc lacinia molestie lectus ac tristique. Suspendisse auctor malesuada lectus non sollicitudin. Fusce ultrices purus vel odio facilisis bibendum. Sed tincidunt semper egestas. Vivamus tincidunt libero sit amet eros sagittis vulputate. Sed sit amet risus sem. Integer non lacus justo, vehicula imperdiet mauris. Donec ut leo id ante rhoncus bibendum. Aliquam erat volutpat. Quisque eu neque metus. Praesent dui tellus, fringilla at aliquam eget, lobortis tempus dolor. Nullam pellentesque lorem ac eros vulputate a varius justo pulvinar. Vestibulum eget elit non tellus cursus aliquam nec at ligula...</p>
					<div class="clearr"></div>
					<p class="info">&lt; <a class="icon author" href="?/posts/author=1" title="show more article(s) from this author" accesskey="a">McGivrer</a> | <a class="icon date" href="?/posts/date=20091207" title="show more article(s) published on this date" accesskey="d">07/12/2009</a> | <a class="tag" href="?/tag/web" title="show more article with tag web" accesskey="w">web</a><a class="tag" href="?/tag/2.0" title="show more article with tag 2.0" accesskey="2">2.0</a> /&gt;</p>
				</div>

				<div class="clearr"></div>

				<div class="post">
					<h1 id="p1"><a href="?/post/article-with-small-piece-of-code" title="Show full story about Article with small piece of code" accesskey="3">Article with small piece of code</a></h1>
					<p>Fusce ultrices purus vel odio facilisis bibendum. Sed tincidunt semper egestas. Vivamus tincidunt libero sit amet eros sagittis vulputate. Sed sit amet risus sem. Integer non lacus justo, vehicula imperdiet mauris. Donec ut leo id ante rhoncus bibendum. Aliquam erat volutpat. Quisque eu neque metus. Praesent dui tellus, fringilla at aliquam eget, lobortis tempus dolor. Nullam pellentesque lorem ac eros vulputate a varius justo pulvinar. Vestibulum eget elit non tellus cursus aliquam nec at ligula...</p>
<div class="label">Java Sample Code</div>
<pre class="sh_java" title="Java Sample code">
private void myMethod(String param1, Integer param2 ){
	log.ingo("log some interesting information");
	param1="param="+param2;
}
</pre>
					<div class="clearr"></div>
					<p class="info">&lt; <a class="icon author" href="?/posts/author=1" title="show more article(s) from this author" accesskey="a">McGivrer</a> | <a class="icon date" href="?/posts/date=20091207" title="show more article(s) published on this date" accesskey="d">07/12/2009</a> | <a class="tag" href="?/tag/javascript" title="show more article with tag java" accesskey="j">java</a><a class="tag" href="?/tag/javascript" title="show more article with tag snippet" accesskey="s">snippet</a> /&gt;</p>
				</div>
			</div>
			<div class="clear"></div>
			<div id="footer">
				<p>&copy; 2009 - Web-Context - <a href="mailto:frederic.delorme@gmail.com" title="send a mail to the author">Frédéric Delorme</a> | <a class="icon rss" href="?/flux/rss2.xml" title="flux RSS 2.0">rss</a></p>
			</div>
		</div>
		</form>
	</body>
</html>
